<!--
 * @Author: your name
 * @Date: 2022-04-20 08:47:32
 * @LastEditTime: 2022-04-20 11:26:33
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \2202\二阶段学习\开源\src\常用特效鼠标移入1\demo.html
-->
<meta charset="UTF-8">
<style>
  ul{
    background-color: pink;
    }
  li{
    background-color: skyblue;
    margin: 20px;
    }
    .tip{
        height: 30px;
        width: 200px;
        border-radius: 6px;
        background-color: aqua;
        text-align: center;
        line-height: 30px;
        position: absolute;
        display: none;
        pointer-events:none;
    }
    .tip-bottom{
        position: absolute;
        bottom: -15px;
        left: 50%;
        /* margin-left: -15px; */
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid aqua;
    }
</style>